<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>示例集 - jq</title>
	<!-- Bootstrap -->
	<link href="cj/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="cj/main.css"/>
</head>
<body>
<div class="container-fluid">
	<h3 class="text-center bg-primary lhei" id="t_h3"></h3>
	<div class="div_a" id="add_a"></div>
	<div class="tab-content min_hei">
	    <div class="tab-pane active" id="js">
	    	
	    	<!--第四行-->
			<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		
	    		
	    		
	    	</div>
	    	
	    	<!--第三行-->
			<hr />
	    	<div class="row">
	    		
	    		
	    		
	    		
	    		<div class="col-md-2">
		    		<a href="../jq/diy_video/index.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2020/01-17-video.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">自定义video控件</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/jq_qrcode.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_jq_qrcode.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">jq生成二维码</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/small_big.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_small_big.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">放大镜效果</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第二行-->
			<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../jq/textbox_event.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_textbox_event.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">文本框改变事件</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/ajax_ld.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_ajax_ld.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ajax实现三级联动</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/ajax_load.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_ajax_load.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ajax实现点击加载</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/ajax_login.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_ajax_login.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ajax实现登录验证</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/ajax_page.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_ajax_page.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ajax实现分页</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/ajaxeq.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_ajax_eq.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ajaxeq</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第一行-->
			<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../jq/jq_base.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_jq_base.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">jq基础</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/jsonp.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_jsonp.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JQ的jsonp，跨域请求</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/change_img5.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_change_img5.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">jq版飘图--闭包</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/change_img6.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_change_img6.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">右下广告--JQ版(渐变消失)</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/get_select.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_get_select.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">get_select</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../jq/jqyy.html" target="_blank">
		    			<div class="a_img"><img src="imgs/jq/2019-12-31_jqyy.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">JQ引用HTML块</h4>
		    		</a>
	    		</div>
	    	</div>
	    </div>
	    
	    <!--jq-->
	    <!--<div class="tab-pane" id="jq">
	    	<h3>jq</h3>
	    	<div class="row">
	    		<div class="col-md-3">
		    		<a href="time/time.php" target="_blank">
		    			<h4 class="text-center">时间戳和日期互换</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    		<div class="col-md-3">
		    		<a href="ip_get_add/get_add.php" target="_blank">
		    			<h4 class="text-center">根据IP获取物理地址</h4>
		    			<div class="a_img"><img src="../public/imgs/0.jpg" width="100%" height="100%"/></div>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<div class="row">
	    		
	    	</div>
	    </div>-->
	    
	</div>
</div>
<script type="text/javascript" src="cj/diy.js"></script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="cj/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="cj/bootstrap.min.js"></script>
</body>
</html>